<template>
  <div class="homepage">
    <!-- 特征分析 -->
    <div class="main">
      <div class="char">
        <div class="box">
          <feature_analyse2 />
        </div>
        <div class="box">
          <feature_analyse3 />
        </div>
        <div class="box">
          <feature_analyse4 />
        </div>
        <div class="box">
          <feature_analyse6 />
        </div>
        <div class="box">
          <feature_analyse5 />
        </div>
        <div class="box">
          <feature_analyse8 />
        </div>
        <div class="box">
          <feature_analyse7 />
        </div>
        <div class="box">
          <feature_analyse10 />
        </div>
        <div class="box">
          <feature_analyse11 />
        </div>
        <div class="box">
          <feature_analyse9 />
        </div>
      </div>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.homepage {
  padding: 10px;
  // height: 5000px;
  // background: #ab6262;
  .main {
    height: 100%;
    .char {
      height: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      .box {
        height: 500px;
        // background: #9cc2de;
      }

    }
  }
}
</style>
